<template>
	<view class="agreement">
		<u-navbar :title="title" :border-bottom="false"></u-navbar>
		<view style="padding: 30rpx">
			<rich-text :nodes="content"></rich-text>
		</view>
	</view>
</template>

<script>
import { agreementlist } from '../../libs/axios.js';
export default {
	data() {
		return {
			title: '',
			content: ''
		};
	},
	onLoad(option) {
		this.getagreementlist(option.id);
	},
	methods: {
		async getagreementlist(id) {
			let info = await agreementlist({ id: id });
			console.log(info);
			this.title = info.data[0].title;
			this.content = info.data[0].content;
		}
	}
};
</script>

<style lang="scss">
.agreement {
	padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
	padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
}
</style>
